<!DOCTYPE html>
<html>
<head>
   <title>Bootstrap 实例 - 非导航链接</title>
   <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">
   <script src="/scripts/jquery.min.js"></script>
   <script src="/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<!-- 如果您不想在常规的导航栏导航组件内使用标准的链接，
那么请使用 class navbar-link 来为默认的和倒转的导航栏选项添加适当的颜色，
如下面的实例所示：
 -->

<nav class="navbar navbar-default" role="navigation">
   <div class="navbar-header">
      <a class="navbar-brand" href="#">W3Cschool</a>
   </div>
   <div>
      <p class="navbar-text navbar-right">Signed in as 
         <a href="#" class="navbar-link">Thomas</a>
      </p>
   </div>
</div>

</body>
</html>